<template>
	<div class="container" style="display: flex;justify-content: center;align-items: center;height: 100vh;width: 100vw;background-color: #000000;">

		<div class="loginBox">
			<div style="display: flex;flex-direction: row;align-items: baseline;">
				<span style="width: 60px;"> 账号:</span>
				<el-input v-model="account" />
			</div>
			<div style="display: flex;flex-direction: row;align-items: baseline;margin-top: 30px;">
				<span style="width: 60px;"> 密码:</span>
				<el-input v-model="password" />
			</div>

			<el-button @click="login" style="margin-top: 30px;">登录</el-button>
	
		</div>

	</div>
</template>

<script>
	export default {
		data() {
			return {
				account: null,
				password: null,
				form: {
					name: '',
					password: '',
				}
			};
		},
		methods: {
			login() {
				// sessionStorage.setItem("222","111");
				this.$router.push({
					name: "home"
				});
			}
		}
	};
</script>

<style>
	.loginBox {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 60px;
		padding-right: 60px;
		display: flex;
		flex-direction: column;
		background-color: #FFFFFF;
		border-radius: 30px;
		align-items: center;
		justify-content: center;
	}
</style>
